<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" href="css/spc.css">
</head>
<body>
    <div class="herder-box">
        <div class="herder">
            <h1 class="fl">
                炫酷F4
            </h1>
            <ul class="nav fl">
                <li><a href="/">首页</a></li><li><a href="settle.html">我的订单</a></li>
            </ul>
            <div class="herder-r fr">
                <div class="fl"><a href="rule.html">规则中心</a></div>
                <div class="fr"><a href="#">登录/注册</a></div>
            </div>
        </div>
    </div>
    <div class="section1">
        <div class="section1-left fl">
            <span>当前位置：</span><span title="陕西西安">陕西西安</span><span><a href="#">[修改地址]</a></span>
        </div>
        <div class="section1-right fl">
            <input type="text" placeholder="搜索美食...">
            <input type="submit" class="submit" value="">
        </div>
    </div>
    <div class="cat-box">
        <div class="cat-box-div">
            <div class="cat-box-div-box">
                <p>购物车空空的哦~，去看看心仪的美食吧~</p>
            <a href="#">去购物></a>
            </div>
        </div>
    </div>
    <div class="like">
        <div class="like-left fl">
            <a href="#">猜你喜欢</a>
        </div>
        <div class="like-right fr">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
    </div>
    <div class="clear">

    </div>
    <div class="Cuisine">
        <div class="btn"><</div>
        <div class="btn">></div>
        <ul>
            <li><img src="images/宫保鸡丁.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>宫保鸡丁盖浇饭</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/酸菜臊子面.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>酸菜臊子面</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/地瓜粥.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>地瓜粥</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
        <ul>
            <li><img src="images/汤圆.jpg" alt=""></li>
            <li>
                <span>￥<strong>100.00</strong></span>
                <span>免配送费</span>
            </li>
            <li>汤圆</li>
            <li><span class="fl">炫酷F4</span><span class="fr">X人付款</span></li>
            <li>
                <a href="#" title=""><b></b>加入购物车</a>
            </li>
        </ul>
    </div>
    <div class="clear">

    </div>
    <div class="footer">
        <p>
            所有权：归大专软件1801炫酷F4所有，盗版必究
        </p>
        <p class="copyright">
            <span>增值电信业务许可证 :</span>
            <span>沪B2-20xxxxxxx</span>|
            <span>沪ICP备 0900xxxxx</span>|
            <span>上海工商行政管理</span>
            <span>Copyright ©2008-2017 ele.me, All Rights Reserved.</span>
        </p>
    </div>
</body>
</html>